@extends('astron.layout')
@section('content')
    <section class="container page-head works2-head">
        <div class="row">
            <article class="col-md-12 text-center" style="height:100px;">
                <div class="valign">
                    <!-- Portfolio Filters -->
                    <ul class="works-filter clearfix">
                        <li><a id="all" href="#" data-filter="*" class="active"><span>All</span></a></li>
                        <li><a href="#" data-filter=".analytics"><span>Analytics</span></a></li>
                        <li><a href="#" data-filter=".creative"><span>Creative</span></a></li>
                    </ul>
                </div>
            </article>
        </div>
    </section>
<div id="content">
    <div class="case-container">
        <div class="row">

        </div>
    </div>

  <div id="works-container" class="works-container white-bg container clearfix">
    <!-- start : works-item -->
    <div class="works-item works-item-two-third zoom branding analytics white-bg">
            <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case3_03.png"/>
            <a  href="/audi">
                <div class="works-item-inner valign">
                  <h3 class="white">Audi A3 e-tron</h3>
                  <p class="white"><span class="blue-bg">Audi</span></p>
                </div>
            </a>
    </div>
    <!-- end : works-item -->



    <!-- start : works-item -->
    <div class="works-item works-item-two-third zoom branding analytics white-bg">
            <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/bmw.png"/>
            <a href="/bmw">
                <div class="works-item-inner valign">
                  <h3 class="white">BMW 7 IN JOY</h3>
                  <p class="white"><span class="blue-bg">BWM</span></p>
                </div>
            </a>
    </div>
      <div class="works-item works-item-two-third zoom branding analytics white-bg">
          <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case2_03.png"/>
          <a href="/porsche">
              <div class="works-item-inner valign">
                  <h3 class="white">Porsche Panamera Launch</h3>
                  <p class="white"><span class="blue-bg">Porsche</span></p>
              </div>
          </a>
      </div>
      <div class="works-item works-item-two-third zoom branding analytics white-bg">
          <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case3_02.png"/>
          <a href="/vienna">
              <div class="works-item-inner valign">
                  <h3 class="white">Vienna music campaign 2014</h3>
                  <p class="white"><span class="blue-bg">Vienna</span></p>
              </div>
          </a>
      </div>
    <!-- end : works-item -->
    <!-- start : works-item -->
    <div class="works-item works-item-two-third zoom branding creative white-bg">
            <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case2_02.png"/>
            <a  href="/ana">
                <div class="works-item-inner valign">
                  <h3 class="white"></h3>
                  <p class="white"><span class="blue-bg">ANA</span></p>
                </div>
            </a>
    </div>
    <!-- end : works-item -->

<!-- start : works-item -->
    <div class="works-item works-item-two-third zoom branding creative white-bg">
            <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case_01.png"/>
            <a   href="/asiana">
                <div class="works-item-inner valign">
                    <h3 class="white"></h3>
                  <p class="white"><span class="blue-bg">Asiana</span></p>
                </div>
            </a>
    </div>
    <!-- end : works-item -->



    <!-- start : works-item -->
    <div class="works-item works-item-two-third zoom branding creative white-bg">
            <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case3_01.png"/>
            <a   href="stsummer">
                <div class="works-item-inner valign">
                  <h3 class="white"></h3>
                  <p class="white"><span class="blue-bg">ST summer</span></p>
                </div>
            </a>
    </div>
    <!-- end : works-item -->




    <!-- start : works-item -->
    <div class="works-item works-item-two-third zoom branding creative white-bg">
            <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case2_04.png"/>
            <a href="/staralliance">
                <div class="works-item-inner valign">
                  <h3 class="white"></h3>
                  <p class="white"><span class="blue-bg">Staralliance</span></p>
                </div>
            </a>
    </div>
    <!-- end : works-item -->
      <!-- start : works-item -->
      <div class="works-item works-item-two-third zoom creative branding isotope-item">
          <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case2_01.png"/>
          <a href="/swissair">
              <div class="works-item-inner valign">
                  <h3 class="white"></h3>
                  <p class="white"><span class="blue-bg">Swissair</span></p>
              </div>
          </a>
      </div>
      <!-- end : works-item -->
      <!-- start : works-item -->
      <div class="works-item works-item-two-third zoom branding creative white-bg">
          <img alt="" title="" class="img-responsive" id="caseimg" src="images/case/case_02.png"/>
          <a href="/xiaorui">
              <div class="works-item-inner valign">
                  <h3 class="white"></h3>
                  <p class="white"><span class="blue-bg">Where Is XiaoRui</span></p>
              </div>
          </a>
      </div>
      <!-- end : works-item -->




  </div>
  <!-- end : works-container -->

<section class="container color-bg text-center">

  <div class="row">

      <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
          <h3 class="main-heading white">Like to work with us?</h3>
          <div class="trigger-button add-top-quarter">
              <a href="/contact" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
          </div>
      </article>
    </div>

</section>



    <footer class="container master-footer">
        <div class="row">
            <article class="col-md-6  text-left white-bg" id="map">
                <img src="images/map.png" alt=""/>
            </article>

            <article class="col-md-6 footer-column text-left white-bg">
                <h3>Contact Us</h3>
                <ul class="foot-links">
                    <li><span>Room 420, Building B, Gehua Tower, No.1 Qinglong Hutong,
Beixiaojie, Dongzhimen, Dongcheng District, Beijing, P.R.China</span></li>
                    <li><span>Tel+86(0) 1084186659</span></li>
                    <li><span>Fax+86(0) 1084186659</span></li>
                </ul><br>
                <h3>Social Media</h3>
                <div class="contact-li">
                    <ul class="social-wrap">
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                    </ul>
                </div>
            </article>
        </div>
        <div class="row">
            <article class="col-md-12">
                <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
            </article>
        </div>
    </footer>

</div>
<!-- end content -->
<!-- Core JS Libraries -->
<script src="bootstrap/js/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script> 
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/equalheights.js" ></script> 
<script src="javascripts/jquery.parallax-1.1.3.js" ></script> 
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>
<script src="javascripts/isotope.js"></script>
<script src="javascripts/venobox.min.js"></script>
<script src="javascripts/pace.min.js" ></script>  
<!-- JS Custom Codes --> 
<script src="javascripts/equalheights-init.js" ></script> 
<script src="javascripts/hiding-nav.js"></script> 
<script src="javascripts/parallax-init.js"></script> 
<script src="javascripts/venobox-init.js"></script>
<script src="javascripts/isotope-init.js"></script> 
<script src="javascripts/main.js" ></script>
<script>
    $(function(){
        $('.tabPanel ul li').click(function(){
            $(this).addClass('hit').siblings().removeClass('hit');
            $('.panes>div:eq('+$(this).index()+')').show().siblings().hide();
        })
    })
</script>
@stop